<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <link rel="stylesheet" href="style.css">
    <title>CV Gudro-Mudro</title>
</head>
<body>
    <div class="container">
        <div class="info">
            <img class="avatar" src="img.png" alt="Селфи">
            <div class="info-text">
                <h1>Гудрый Мудвин</h1>
                <p>Я волшебник изумрудного города</p>
                <p>Я люблю <em>морочить мозги</em>, и <strong>править!</strong></p>
                <h4>Список социальных сетей</h4>
                <a href="#">Insta</a>
                |
                <a href="#">Telega</a>
                |
                <a href="#">YoTB</a>
            </div>
        </div>
        <div class="hobby card">
            <h2>Мои хобби:</h2>
            <ol class="list">
                <li>Править</li>
                <li>Морочить мозги</li>
                <li>Рассыпать опилки пугала</li>
                <li>Жарить сердце льва</li>
                <li>Обливать кислотой дровосека</li>
            </ol>
        </div>
        <div class="workskill card">
        <h2>Опыт работы:</h2>
            <table class="table">
<!--                <thead>-->
<!--                  <tr>-->
<!--                    <th>Название места</th>-->
<!--                    <th>Должность</th>-->
<!--                    <th>Год</th>-->
<!--                  </tr>-->
<!--                </thead>-->
                <tbody>
                  <tr>
                    <td>Урандотия</td>
                    <td>Младший отползающий</td>
                    <td>800до нэ-400до нэ</td>
                  </tr>
                  <tr>
                    <td>Бегемотия</td>
                    <td>Старший подползающий</td>
                    <td>400до нэ - 0</td>
                  </tr>
                  <tr>
                    <td>Тарабарщина</td>
                    <td>Зам короля</td>
                    <td>0-200</td>
                  </tr>
                  <tr>
                    <td>Изумрудный город</td>
                    <td>Правитель</td>
                    <td>200-щас</td>
                  </tr>
                </tbody>
              </table>
        </div>
        <div class="writetome card">
            <form action="/" class="form">
            <h2>Написать пасквиль:</h2>
                <div class="form-row">
                    <div class="form-group">
                        <label for="idtext">Ваше имя:</label>
                        <input type="text" id="idtext" value="Введите имя">
                    </div>

                    <div class="form-group">
                        <label for="idemail">Ваш e-mail:</label>
                        <input type="email" id="idemail" placeholder="e-mail" >
                    </div>
                </div>
                <div class="form-group">
                    <label for="idmessage">Ваше сообщение:</label>
                    <br>
                    <textarea name="message" id="idmessage" placeholder="Введите что нибудь" cols="30" rows="10"></textarea>
                </div>
                <input type="submit" class="btn" value="Заинпутить">
                <button type="submit" class="btn">Забатонить</button>
            </form>
        </div>
    </div>
</body>
</html>
